/* CSS Document */
@font-face {
    font-family: 'iconfont';  /* Project id 1264008 */
    src: url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff2?t=1637738775082') format('woff2'),
         url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff?t=1637738775082') format('woff'),
         url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.ttf?t=1637738775082') format('truetype');
  }
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}

/*电脑端隐藏*/
.logo .mlogo{ display: none;}
.footer-fix{ display: none;}
.bd1{ display: none;}

/* 手机端自适应代码 */
@media screen and (max-width: 767px) {
  body{ min-width: 320px;padding-top: 60px;padding-bottom: 50px; font: 15px Arial,'Microsoft Yahei', sans-serif;}
  .w100{ width: auto; min-width: auto;}
  .w1200{ width: auto; padding: 0 15px;}

  /* top */
  .top{ display: none;}

  /*logo*/
  .head-fix{ position: relative;}
  .logo{ height: 65px; background: #016eb2; position: fixed; z-index: 9999999; left: 0; top: 0; width: 100%; margin: 0 auto; box-shadow: 0 2px 3px rgba(0,0,0,0.15);overflow: visible;}
  .logo .mlogo{ display: inline-block; position: absolute; left: 5px; top: 2px; width: auto; height: auto;}
  .logo .mlogo img{ height: 40px; margin-top: 10px; vertical-align: middle;}
  .logo .logoimg{ display: none;}
  .logo .dianhua{ display: none;}

  /*menu*/
  .logo .menu-btn { display: block; padding: 20px 0; float: right; margin-left: 15px;}
  .logo .menu-btn:before,.menu-btn:after,.menu-btn span { display: block; height: 2px; background-color: #fff; content: '';}
  .logo .menu-btn:before { width: 24px;}
  .logo .menu-btn:after { width: 18px; margin-left: 6px;}
  .logo .menu-btn span { width: 12px; margin: 6px 0 6px 12px;}

  .dhl{ width: 100%; display:none; background:#fff; position: fixed; z-index: 9999999;}
  .dhl .w1200{ background-color: #0a7cc3; padding: 20px;}
  .dhl ul{ width: 100%;}
  .dhl li.fl{ line-height: 52px; height: 52px; position: relative; display:block; width: 100%;border-bottom:1px solid #5391e5;}
  .dhl li.active, .dhl li:hover{ background: none;}
  .dhl li.active a, .dhl li:hover a{ color: #a8caef; font-weight: bold;}
  .dhl li a{ text-align: left;}
  .dhl ul li.dropdown .arr{display: block; float: right; height: 40px; width: 40px; position: relative; top: 6px;}
  .dhl ul li.dropdown .arr:after{content: ''; border-top: 2px solid #fff; border-left: 2px solid #fff; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px;}
  
  .dhl .submenu{position:absolute;background-color:#f5f5f5;min-width:auto;text-align:left;box-shadow:none;z-index: 9999;}
  .dhl .submenu a{  color: #fff!important; font-size: 15px!important; font-weight: normal!important; padding:0 15px;line-height:40px;background-color:transparent!important;}
  .dhl .submenu a:hover{background-color:transparent!important}
  .dhl li.open .dropdown-box{ display: block;}
  .dhl ul li.dropdown:before{ display: none;}
  .dhl li:hover .submenu{ display: none;}
  .dhl li.open:hover .submenu{ display: block;}

  /*banner*/
  .banner{ height:200px;}
  .banner img{ height: 200px; object-fit: contain;}
  .nybanner{ height: 120px;}
  .nybanner img{ height: 120px; object-fit: contain;}

  /*syss*/
  .syss{ padding: 10px 0; line-height: 0; height: auto; text-align: center;}
  .syss .ssc{ display: none;}
  .syss .ssk{ float: none; width: 100%;}

  .sytytt{ padding: 20px 0;}
  .sytytt p{ display: none;}
  .fwxm ul{ width: 102%; margin-bottom: 50px; display: inline-block;}
  .fwxm ul li{ width: 48%; margin-right: 2%; margin-bottom: 3%;}

  .sygy{ padding: 20px 10px;}
  .sygy .syjj{ width: 100%;}
  .sygy .syjj .jjnr{ padding-top: 15px;}
  .sygy .syjj .jjnr a{ width: 100%; height: 200px;}
  .sygy .syjj .jjnr div{ width: 100%; font-size: 16px;}
  .sygy .syjj p a{ font-size: 16px;}

  .sygy .syry{ width: 100%; padding-top: 20px;}
  .sygy .syry .bd{ display: none;}
  .sygy .syry .bd1{ width: 100%; display: block; height: auto; text-align: center; background: #fff;  padding: 25px 10px; overflow: hidden;}
  .sygy .syry .bd1 li{ width: 160px; margin-bottom: 15px; margin-right: 10px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; border: 1px solid #e5e5e5; padding: 5px; box-sizing: border-box;}
  .sygy .syry .bd1 li .pic{ width: 100%; height: 200px; overflow: hidden;}
  .sygy .syry .bd1 li .pic img{ width: 100%; height: 100%; object-fit: contain;}
  .sygy .syry .bd1 li h5{ color: #666; font-weight: normal;}

  .sycpnr .sycpfl{ display: none;}
  .sycpnr .bd{ width: 100%;}
  .sycpnr .bd .item .intro .title{ font-size: 16px;}

  /*foot*/
  .foot .dblx{ width: 100%;}
  .foot .dblx li{ padding-right: 0;}
  .foot .dblx h2{ padding: 15px 0;}
  .foot .dberm{ display: none;}

  /*foot-nav*/
  .footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: block;}
  .footer-fix li {float: left;width: 25%;}
  .footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 15px;line-height: 1;}
  .footer-fix li i {display: block;font-size: 20px;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}

  /* neiye */
  .neiye{ margin: 20px 0;}
  .neiye .nyfl{ display: none;}
  .neiye .nynr{ width: 100%;}
  .neiye .nytybt{ margin: 15px 0;}
  .neiye .dynr{ font-size: 15px;}

  .rylist ul li{ width: 50%;}
  .rylist ul li .img{ height: 130px;}

  .prolist ul li .img{ width: 35%; height: 110px;}
  .prolist ul li .bt{ width: 63%; height: 110px; overflow: hidden;}
  .prolist ul li .bt h1{ display: none;}
  .prolist ul li .bt p{ padding: 0 0 10px 0; font-size: 16px; font-weight: bold;}
  .prolist ul li .bt h5{ font-size: 13px; line-height: 1.2em;}

  .nyxwlist ul li .time{ width: 20%; height: auto; margin-left: 2%;}
  .nyxwlist ul li .bt{ width: 76%;}
  .nyxwlist ul li .time span{ display: block; padding-bottom: 15px;}

  .xwnr .xwxq p{ font-size: 15px;}
  .pronr .proxq p{ font-size: 15px;}
  .pronr .proxq img{ max-width: 100%;}

  .neiye .dynr.contact img{ display: none;}
  #mapbox{ margin-top: 10px; height: 400px!important;}

  .nynr form li{ width: 48%; margin-right: 2%;}
  .nynr form li input{ width: 100%;}
  .nynr form li.yzm input{ width: 50%;}
  .nynr form li img{ width: 50%; padding-right: 0;}
  .nynr form .submit{ width: 100%;}
}